<template>
	<view class="content">
		<shopro-login-modal></shopro-login-modal>
		<view class="express-info">
				<view class="good-img">
					<image :src="resultExpress.thumb" ></image>
				</view>
				<view class="express-detail">
					<view class="express-status">{{resultExpress.status_name}}</view>
					<view class="express-no">{{resultExpress.company_name}}  454412649912 </view>
				</view>
		</view>
		<view class="express-box">
			<u-time-line>
				<!-- <u-time-line-item nodeTop="2">
					
					<template v-slot:node>
						<view class="u-node" style="background: #19be6b;">
							
							<u-icon name="pushpin-fill" color="#fff" :size="24"></u-icon>
						</view>
					</template>
					<template v-slot:content>
						<view>
							<view class="u-order-title">待取件</view>
							<view class="u-order-desc">[自提柜]您的快件已放在楼下侧门，直走前方53.6米，左拐约10步，再右拐直走，见一红灯笼停下，叩门三下，喊“芝麻开门”即可。
							</view>
							<view class="u-order-time">2019-05-08 12:12</view>
						</view>
					</template>
				</u-time-line-item> -->
				<u-time-line-item v-for="(item, index) in resultExpress.data" :key="index">
					
					<template v-slot:content>
						<view>
							<view class="u-order-desc">{{item.context}}</view>
							<view class="u-order-time">{{item.time}}</view>
						</view>
					</template>
				</u-time-line-item>
			</u-time-line>
		</view>

	</view>
</template>

<script>
	export default {

		data() {
			return {
				resultExpress: {},
			};
		},
		onLoad() {
			this.getExpress();
		},
		methods:{
			getExpress(){
				this.$http.get('index.express', {order_id: this.$Route.query.id}).then(res => {
					this.resultExpress = res.data;
					
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import './express-list.scss';
</style>

<style lang="scss" scoped>
	.u-node {
		width: 44rpx;
		height: 44rpx;
		border-radius: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #d0d0d0;
	}

	.u-order-title {
		color: #333333;
		font-weight: bold;
		font-size: 32rpx;
	}

	.u-order-desc {
		color: rgb(150, 150, 150);
		font-size: 28rpx;
		margin-bottom: 6rpx;
	}

	.u-order-time {
		color: rgb(200, 200, 200);
		font-size: 26rpx;
	}
</style>
